<style scoped lang="less">
	@import "search.less";
</style>
<template>
	<div class="search-container">
		<div class="search-wrap">
			<div class="title">{{sitename}}</div>
			<div class="search-cycle-wrap" @click="toSearch">
				<div class="search-cycle">{{placeholder}}</div>
			</div>
		
		</div>
	
	</div>
</template>
<script>
  export default {
    name: 'q-search',
    data() {
      return {};
    },
    props: {
      sitename: {type: String, default: '站点名'},
      placeholder: {type: String, default: '亲，想找点什么呐？'}
    },
    methods: {
      toSearch() {
        this.$router.push({name: 'category-list'})
      }
    }
  }
</script>
